.wrap{
	width: 100%;
}
.sy_wrap {
	width: 1180px;
	margin: 0 auto;
	position: relative;
	left: 0;
	top: 0;
}
.sort{
	opacity: 0;
	width: 80px;
	height: 560px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: 600px;
	transform: translateY(-50%);
	z-index: 100;
}
.sort div{
	/*transition: all 4s;*/ 
	width: 80px;
	height: 80px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	border: 1px solid gainsboro;
	background-color: white;
}
.sort div>p{
	color: cornflowerblue;
}
.sort div>p:nth-of-type(2){
	color: black;
}
.sort div:hover{
	background-color: cornflowerblue;
}
.sort > div:hover > p{
	color: white;
}
.scrollImg {
	width: 100%;
	height: 472px;
	text-align: center;
	background-color: rgb(239, 251, 255);
}

.swiper-container {
	width: 1180px;
	height: 470px;
}

.shop {
	margin-top: 12px;
	width: 1180px;
	display: flex;
	justify-content: space-between;
}
.shop img:hover{
	animation: tada 1s;
}
.brandselection {
	width: 1180px;
	height: 90px;
	display: flex;
	align-items: center;
	border-bottom: 3px solid rgb(0, 160, 231);
}

.brand {
	width: 1157px;
	height: 361px;
	padding: 11px;
	overflow: hidden;
	border: solid 1px rgba(211, 211, 211, 1);
}

.brand>img {
	float: left;
	width: 316px;
	height: 349px;
	margin-right: 7px;
}
.brand>img:hover{
	animation: bounceIn 1s;
}
.brand>div {
	float: left;
	width: 831px;
	height: 116.33px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.brand>div div {
	width: 209px;
	height: 116px;
	display: flex;
	background-color: white;
	justify-content: center;
	align-items: center;
	border: 1px solid rgb(233, 233, 233);
}

.brand>div img {
	width: 146px;
	height: 81px;
}
.brand>div div:hover{
	animation:rotateY 0.5s;
}
.brand>div div img:hover{
	border: 1px solid red;
}
.car{
	position: relative;
	left: 0;
	top: 0;
}
.carhead{
	position: relative;
	left: 0;
	top: 0;
	height: 67px;
	width: 1180px;
	display: flex;
	align-items: flex-end;
	border-bottom: 3px solid rgb(0, 160, 231);
	/*border: 1px solid red;*/
}
.line{
	position: absolute;
	left: 337px;
	top: 53px;
}
.carhead img{
	width: 23px;
	height: 25px;
	margin-right: 20px;
}
.carhead>span{
	font-family: ﻿MicrosoftYaHei;
	font-size: 18px;
	letter-spacing: 0.4px;
	color: #323333;
}
.carhead>span:nth-child(2):hover,.carhead>span:nth-child(3):hover,.carhead>span:nth-child(4):hover{
	animation: rotateZ 1s;
}
.carhead>span:nth-of-type(1){
	margin-right: 214px;
	font-family: ﻿MicrosoftYaHei;
	font-size: 24px;
	letter-spacing: 0.5px;
	color: #008de1;
	width: 150px;
	/*border: 1px solid red;*/
}
.carhead>span:nth-of-type(3){
	margin-left: 62px;
	margin-right: 62px;
}
.carcontent{
	width: 1161px;
	height: 513px;
	padding: 10px;
	overflow: hidden;
	border: 1px solid rgb(220,220,220);
}
.carcontent>img{
	float: left;
	width: 316px;
	height: 511px;
}
.carcontent .onecar{
	float: left;
	width: 271px;
	margin-left: 10px;
	height: 260px;
	position: relative;
	left: 0;
	top: 0;
	/*border: 1px solid red;*/
}
.carcontent .onecar>img{
	width: 271px;
	height: 150px;
	/*border: 1px solid red;*/
}
.carcontent>img:hover{
	animation: bounceIn 1s;
}
.carcontent .onecar>p{
	/*border: 1px solid red;*/
	font-family: ﻿SimSun;
	font-size: 14px;
	height: 24.66px;
	line-height: 24.66px;
	color: #323333;
}
.carcontent .onecar>p:nth-of-type(1){
	width: 271px;
	height: 152px;
	position: absolute;
	left: 0;
	top: 260px;
	text-align: center;
	line-height: 31px;
	font-family: ﻿MicrosoftYaHei;
	font-size: 18px;
	letter-spacing: 0.4px;
	color: #ffffff;
	background-color: rgba(0,0,0,0.1);
}
.carcontent .onecar>p:nth-of-type(2){
	margin-top: 15px;
}
.carcontent .onecar>p>img{
	width: 16px;
	height: 16px;
	vertical-align:middle;
	margin-left: 10px;
	margin-right: 9px;
}
.shoes{
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
}
@keyframes rotateY{
       	   0%{
       	   	-webkit-transform: rotateY(0deg);
       	   	-ms-transform: rotateY(0deg);
       	   	-o-transform: rotateY(0deg);
       	   	transform: rotateY(0deg);
       	   }
       	   50%{
       	   	-webkit-transform:scale(2) rotateY(360deg);
       	   	-ms-transform:scale(2) rotateY(360deg);
       	   	-o-transform:scale(2) rotateY(360deg);
       	   	transform:scale(2) rotateY(360deg);
       	   }
       	   100%{
       	   	-webkit-transform:scale(1/2) rotateY(720deg);
       	   	-ms-transform:scale(1/2) rotateY(720deg);
       	   	-o-transform:scale(1/2) rotateY(720deg);
       	   	transform:scale(1/2) rotateY(720deg);
       	   }
       }
  @keyframes rotateZ{
       	   0%{
       	   	-webkit-transform: rotateZ(0deg);
       	   	-ms-transform: rotateZ(0deg);
       	   	-o-transform: rotateZ(0deg);
       	   	transform: rotateZ(0deg);
       	   }
       	   50%{
       	   	-webkit-transform: rotateZ(360deg);
       	   	-ms-transform: rotateZ(360deg);
       	   	-o-transform: rotateZ(360deg);
       	   	transform: rotateZ(360deg);
       	   }
       	   100%{
       	   	-webkit-transform: rotateZ(720deg);
       	   	-ms-transform: rotateZ(720deg);
       	   	-o-transform: rotateZ(720deg);
       	   	transform: rotateZ(720deg);
       	   }
       }
       
